<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接</title>
</head>
<body>
    <a href="p1.html">跳转到今日的第一个页面</a>
    <a href="p4.html">跳转到今日的第四个页面</a>
    <a href="https://www.baidu.com">百度</a>
    <a href="https://www.tmooc.cn">达内</a>
    <hr>
    <a href="https://www.baidu.com"><img src="test1.png" width="100"></a>
    <hr>
    <!--当前窗口中打开-->
    <a href="https://www.baidu.com" target="_self">百度</a>
    <!--新窗口中打开-->
    <a href="https://www.baidu.com" target="_blank">百度</a>
    <hr>
    <!--锚点-->
    <h1>西游记</h1>
    <a href="#c1">第一章</a><br>
    <a href="#c2">第二章</a><br>
    <a href="#c3">第三章</a><br>
    <h3 id="c1">第一章 石猴出世</h3>

    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. At debitis, dolorem ipsam iste magni provident
        quibusdam quisquam sint veniam voluptas! Amet aperiam dolor inventore maiores nulla officiis recusandae
        repellendus temporibus.</p>
    <p>Necessitatibus nostrum provident quidem vitae voluptatibus. Cupiditate debitis dignissimos dolor dolorum ducimus
        eos exercitationem fugiat harum, ipsa magnam magni nemo nisi, nobis odit omnis optio quae quibusdam quod sit
        voluptatibus?</p>
    <p>Assumenda aut autem dicta itaque magni nemo nesciunt officiis praesentium, provident quod soluta, vel.
        Accusantium animi corporis dolorum fugit laborum maiores, natus nemo nisi, quis reiciendis sapiente tempora
        veniam? Harum!</p>
    <p>Aperiam ex inventore quae quibusdam temporibus. Adipisci architecto commodi cupiditate deleniti dolorem doloribus
        earum excepturi facere harum ipsum iste minus modi neque nulla, obcaecati quasi quia quis reprehenderit soluta
        voluptas.</p>
    <p>Exercitationem ipsa libero neque quam similique. Accusantium, animi autem blanditiis deserunt distinctio eligendi
        enim exercitationem expedita libero nemo nihil nostrum omnis pariatur quae quia quis rerum sequi! Tempore, vitae
        voluptatem.</p>
    <p>Aperiam asperiores debitis eaque eius error eum ex harum iure iusto, maiores, maxime mollitia necessitatibus
        nihil nostrum pariatur porro possimus praesentium quasi quia reprehenderit sed similique tempore temporibus
        totam unde?</p>
    <p>Hic, non, reprehenderit? Accusantium ad animi assumenda beatae consequatur dolorem doloribus est fuga fugit
        impedit iste magnam maiores necessitatibus odit omnis perspiciatis quae quidem quod rem, sed sequi unde
        vitae?</p>
    <p>Accusantium aperiam assumenda cum, ea eum facere laboriosam molestiae nemo nulla optio quibusdam quidem quis quod
        quos, reprehenderit sint soluta totam. Ducimus laudantium minus praesentium quasi, repudiandae soluta ullam
        voluptas!</p>
    <p>Alias aliquid beatae, blanditiis commodi consequuntur corporis explicabo impedit ipsum iusto laboriosam nostrum
        provident tempora tempore vel voluptatum. Ad assumenda enim magni nihil quia, quibusdam quo totam. Dolorem
        illum, quam?</p>
    <p>Dicta id laborum libero nostrum, perferendis ratione sunt? Dolorem fugit ipsum maxime nisi officia sequi! Aliquam
        aliquid aut hic, libero maiores sapiente sunt tempore? Aliquid aspernatur at deserunt perspiciatis quod.</p>
    <h3 id="c2">第二章 蓬莱学艺</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi dolore explicabo impedit nihil perferendis
        provident, quam quo recusandae veniam vitae? Aut id itaque laborum neque non quam quis rem sint.</p>
    <p>Aperiam at dolor est exercitationem ipsa ipsam laboriosam modi nemo nostrum officiis porro quae quo similique,
        suscipit tempora temporibus vero voluptatibus. Autem eum ex, hic natus numquam praesentium tempore ullam.</p>
    <p>Adipisci dolores eaque incidunt ipsum, iste itaque totam! Amet deleniti fugit impedit laborum nobis placeat vitae
        voluptatibus voluptatum? Alias animi dolor excepturi id sapiente totam voluptatibus? Ducimus libero maxime
        nulla!</p>
    <p>Atque aut, consectetur cumque doloremque ea, explicabo facere fuga iure minima nisi omnis possimus, qui quos sit
        suscipit unde ut. Autem cumque debitis, dolores minima molestiae natus quos suscipit veniam!</p>
    <p>Accusamus animi dolore ducimus ea ex labore maiores necessitatibus nesciunt, numquam, odio quam, quas quidem
        recusandae sequi voluptatem! Adipisci autem eos et inventore ipsam ipsum maxime quae! Eum, quas, veniam.</p>
    <p>Delectus totam, vero. Aliquam architecto asperiores assumenda blanditiis culpa cumque ea eum eveniet explicabo
        facilis fuga id illo incidunt itaque, maxime minima neque numquam porro provident ratione reiciendis rerum
        sequi.</p>
    <p>Aliquid debitis eaque est eveniet id magnam neque nihil perferendis praesentium vel. Dignissimos error, illo in
        molestiae molestias quaerat! Consequatur corporis debitis doloremque eum eveniet laudantium repudiandae sint
        totam veniam.</p>
    <p>Assumenda blanditiis consequuntur distinctio dolorum esse et ex, facere, impedit incidunt labore laboriosam
        maiores neque nesciunt numquam odit, optio porro praesentium quas reprehenderit similique sint sit tenetur unde
        voluptas voluptatum?</p>
    <p>Adipisci aliquam amet asperiores aspernatur atque, cumque dolorem eaque eos esse excepturi illum in inventore
        ipsum iste iure, libero modi nam nostrum numquam perspiciatis saepe vel veritatis. Aperiam, atque,
        excepturi.</p>
    <p>Fuga laudantium molestias non. Accusamus aliquid consequatur doloribus ducimus, facilis fuga magni quibusdam
        repudiandae. Dolores error expedita iste mollitia nemo perspiciatis, similique ullam! Hic nam nisi sapiente
        tempore. Facilis, laboriosam.</p>
    <h3 id="c3">第三章 龙宫接宝</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur eius esse eum minima minus, natus nemo
        placeat possimus provident quam quas quibusdam recusandae repudiandae sit, totam ullam velit vitae
        voluptate.</p>
    <p>Alias aliquid aspernatur atque corporis cupiditate delectus et facilis illo in ipsam iste laborum maxime nesciunt
        numquam officia optio placeat quaerat quam quos rem repellat soluta tempore tenetur, velit voluptatibus.</p>
    <p>A accusantium amet, autem dolores eius fugiat ipsum iusto maiores nostrum porro quasi qui quod sapiente, unde vel
        veritatis voluptate voluptatem. Ad dolores fugiat perferendis rerum, saepe tempora ut vel.</p>
    <p>Architecto debitis, sit. Asperiores consequatur, consequuntur corporis doloremque fugit molestias nulla pariatur
        quidem! Excepturi fugiat repudiandae vitae! Assumenda autem dolor dolorum error hic natus porro sit? Commodi
        fuga laborum sapiente!</p>
    <p>Ab dignissimos eum facere reprehenderit unde? Accusamus animi aspernatur corporis doloremque eaque eveniet fugit
        in itaque iusto laborum laudantium non nostrum obcaecati, officia quidem recusandae sequi sint sunt vel
        voluptatem?</p>
    <p>Aliquam amet autem consequatur corporis deleniti dignissimos dolores doloribus esse facere illum maxime numquam
        odit perferendis quaerat sed, sit, voluptatibus voluptatum! Adipisci consectetur culpa, eius facilis hic odit
        quidem reiciendis?</p>
    <p>Doloremque eaque, eius nemo nulla quasi repudiandae veritatis. Aspernatur distinctio est exercitationem expedita
        pariatur possimus quidem ratione sequi vitae voluptatum. Accusamus culpa rerum voluptas? Aspernatur atque
        laudantium nulla numquam totam?</p>
    <p>A cupiditate dicta dignissimos dolore doloribus eius, esse iure, maxime molestias nesciunt nisi, non nulla
        quaerat quam quod ratione soluta voluptates. Odit officiis rerum vero voluptate voluptatum! Eum, necessitatibus,
        sed.</p>
    <p>Accusamus autem, beatae debitis dicta distinctio eos error ex fugit id ipsum minus nulla pariatur perspiciatis
        quia quibusdam sapiente voluptates. Error maxime minus veritatis. Animi assumenda beatae corporis repudiandae
        vero.</p>
    <p>Accusantium amet autem beatae consectetur culpa cumque deserunt dolorum error fugit illo iure magni minus
        nesciunt non obcaecati odio pariatur quae, quas, quasi quia sapiente tempore ullam unde vitae voluptatibus?</p>
    <a href="#">回到顶部</a>
</body>
</html>